  /* 样式化侧边栏 */  
.sidebar {  
  width: 200px; /* 设置侧边栏的宽度 */  
  height: 100vh; /* 设置侧边栏的高度与视口高度相同 */  
  position: fixed; /* 将侧边栏固定在页面左侧 */  
  top: 0; /* 顶部对齐 */  
  left: 0; /* 左侧对齐 */  
  background-color: #333; /* 设置侧边栏的背景颜色 */  
  color: #fff; /* 设置文本颜色 */  
  padding: 20px; /* 设置内边距 */  
}  
  
/* 样式化侧边栏中的列表 */  
.sidebar ul {  
  list-style-type: none; /* 移除默认的列表样式 */  
  padding: 0; /* 移除内边距 */  
}  
  
/* 样式化侧边栏中的链接 */  
.sidebar ul li a {  
  display: block; /* 将链接显示为块级元素 */  
  padding: 10px; /* 设置内边距 */  
  color: #fff; /* 设置文本颜色 */  
  text-decoration: none; /* 移除默认的下划线 */  
}